<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>resume</title>
    <link rel="stylesheet" href="css/index-1488ba39cb.css">
</head>

<body>

    <div id="loading">loading</div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background:url(images/firstbg.jpg)">
                <div class="sy-top ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                    <img id="sy-top" src="images/first-bg.png" alt="">

                    <div class="top-position">
                        <img src="images/first-bg-5.png" alt="">
                        <h2>张三</h2>
                        <span>个人简历 </span>
                    </div>
                </div>
                <div class="bot-text ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="1s" swiper-animate-delay="3s">
                    <h3>Personal Introduction</h3>
                </div>
                <div class="bot ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">
                    <img src="images/first-bg-2.png" alt="">
                </div>
                <script>
                    var xz = document.getElementById('sy-top');
                    var a = 0;
                    // setInterval(function () {
                    //     a = a + 0.3;
                    //     xz.style.transform = 'rotate(' + a + 'deg)'

                    //     // $('.sy-top').attr('transform;','rotate(9deg)')
                    // }, 10)
                </script>




            </div>
            <div class="swiper-slide">
                <div class="perinfor-top">
                    <div class="perinfor">
                        <img src="images/firs-bg-6.png" alt="">
                        <h2>个人信息</h2>
                        <p>Personal data</p>
                    </div>
                    <ul>
                        <li>姓名：张三</li>
                        <li>所在地：张三</li>
                        <li>出生日期：张三</li>
                        <li>毕业院校：张三</li>
                        <li>职业：张三</li>
                    </ul>
                </div>
                <div class="perinfor-bot">
                    <div class="perinfor">
                        <img src="images/firs-bg-6.png" alt="">
                        <h2>个人信息</h2>
                        <p>Personal data</p>
                    </div>
                    <p class="jianjie">
                        更是感到安全和隐晦的产物，作为歉意和爱的表示，什么也没有了的梵高割下耳朵。由于疯狂的行为，这由心里发出的真实情感，就这样被送入精神病院。而这时期的梵高，事实上却创作了150多幅作品，精神病人真的有这样的能力和心情吗？不是不能从精神病的认识中摆脱出来，只是不想说也不知道说什么罢了。
                    </p>
                </div>
            </div>
            <div class="swiper-slide bg-3">
                <div class="hello">
                    <p>hello world</p>
                </div>
                <button id="enter">进入体验</button>

            </div>
        </div>
    </div>


    <div id="mainContainer">
        <div id="header">iScroll</div>

        <div id="wrapper">
            <div id="scroller">
                <ul></ul>
            </div>
        </div>

        <div id="footer">
            <div id="skill"><svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-skill"></use>
</svg> 技能
            </div>
            <div id="work">工作</div>
            <div id="project">项目</div>
            <div id="me">我</div>
        </div>
    </div>

    <script src="js/index-84b1239826.js"></script>
    <script src="js/iconfont.js"></script>

</body>

</html>